@charset "utf-8";

@font-face{ font-family: PingFangSC-Regular; src: url(../fonts/PINGFANG.TTF);}

@font-face{ font-family: PingFangSC-Medium; src: url(../fonts/PINGFANG-MEDIUM.TTF);}

@font-face{ font-family: PingFangSC-Bold; src: url(../fonts/PINGFANG_BOLD.TTF);}

@font-face{ font-family: BEBAS; src: url(../fonts/BEBAS_.TTF);}

@font-face{ font-family: BUTLER_BOLD; src: url(../fonts/BUTLER_BOLD.OTF);}





@media (min-width:1601px){html{font-size:16px;}}



@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}



@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}



@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}



@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}









@media (min-width: 768px)



{

 

}



@media (min-width: 992px)



{

 



}



@media (min-width: 1200px)



{

 



}



@media (min-width: 1280px)



{

 



}











@media (min-width: 1440px)



{

 	



}











@media (min-width: 1660px)



{

 



}



@media screen and (min-width:1200px) and (max-width:1440px){



 



 



}



@media (max-width: 1660px)



{



 	



}



@media (max-width: 1600px)



{

	#n_zizhi2 .slick-prev,#n_huodong .slick-prev,#n_rongyu .slick-prev{ left:-2.25rem; }

	#n_zizhi2 .slick-next,#n_huodong .slick-next,#n_rongyu .slick-next{ right:-2.25rem; }

	







}

 

.wap{ display:none;}



@media (max-width: 1440px)



{

	

 

}



@media (max-width: 1360px)



{.mapBox {

    transform: scale(.77);

    transform-origin: left center;

    margin-top: -4rem;

}

 

}



@media (max-width: 1280px)



{

 

	#banner,#banner li .img{ height: 40rem;}

	.web{ display:none;}

.wap{ display:block;}

.online_q{ display:none;}

.n_nav {float: none;}

}







@media (max-width: 1200px)



{

#header{ display:none;}

#m_header{ display:block; }

#nav_btn_box{ display: block;}

 .n_banner{ margin-top: 4.5rem;}

 .datebox{ width: 52%;}

	.n_gg_form{ width: 48%;}

	#banner{ margin-top: 4.5rem;}

}



@media (max-width: 1100px)



{

	#banner,#banner li .img{ height: 38rem;}

}



/*==========================导航和banner变成手机模式============================*/



@media (max-width: 992px)

{



#s_news .hd ul li{ padding-right: .75rem;}

.floor01 .left{ width: 24rem;}

.floor01 .right{ width:calc(100% - 24rem);}

.s_dongtai_for{ padding-left: 0;}

#banner,#banner li .img{ height: 30rem;}

#s_pro ul.xs_jianju4 li{ width: 50%;}

}



@media (min-width:481px) and (max-width:992px){ 



}



@media (max-width: 860px)

{

	.left_xq_con{ width: 100%; float: none; padding: 0;}

	.right_xq_con{ width: 100%; float: none;}

	#n_lianxi .left{width: 100%; float: none;    border: 1px solid #e2e2e2; margin-bottom: 2.5rem; }

	#n_lianxi .right{width: 100%; float: none; padding: 0;}

	#n_tousu .left{width: 100%; float: none; padding: 0;}

	#n_tousu .right{width: 100%; float: none; }

	.selectcity .dropnav{ padding-left: 3rem;}

	.selectcity .dropnav {

		background: url(../images/date.png) 1rem center no-repeat; background-size: 1.125rem;

	}

	#n_gonggao .hd{ display: block; overflow: hidden;}

	.datebox{ width: 100%; float: none; margin: 0 -3px; overflow: hidden; margin-bottom: 2rem; display: block;}

	.selectcity{ padding: 0 3px; float: left;}

	.n_gg_form{ width: 100%; float: none;}

	#form1{ margin-bottom: 1rem;}

}



@media (max-width: 768px)



{

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}

.xs_jianju li{ padding: 0 5px !important;}

 .m{ padding: 0 30px;}

.n_nav ul li{ line-height:3; }

.n_nav ul li a{padding: 0 2rem;}

.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

.pad_aside{ padding-left:1rem; padding-right:1rem;}

.n_article .ar_article{ padding-bottom:10px !important;}

.ar_article table{ width:100% !important;}

.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}

.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}

.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}

#m_logo img { max-height: 28px;}

	#banner .swiper-container{ height: 28rem;}

	#banner .txt{ padding: 0 3.5rem;}

	#banner .txt h3{ font-size:1.5rem;}

	#banner .txt h4{ font-size: 3rem;}

	#banner .txt span{ font-size: 11px;}

	#banner .txt a{ width: 85px; height: 36px; line-height:36px; font-size: 11px;}

	#banner .swiper-button-next{ right: 2%;}

	#banner .swiper-button-prev{ left: 2%;}

	.bg-cover {  background-size: auto 9rem; top: 2rem;}

	#banner,#banner li .img{ height: 26rem;}

	.floor01 .left{ width:100%; float:none;}

	.floor01 .right{ width:100%; float:none; padding-left: 0; padding-top: 20px;}

	.s_case{ width:100%; float:none;}

	.s_rukou{ width:100%; float:none; margin-top: 1.25rem;}

	.s_rukou ul li:first-child{ padding-left: 0;}

	.foot_nav{ display: none;}

	.foot_bot{ float: left;}

	.foot_bot .m{ display: block;}

	.foot_bot .fl{ width: 100%;}

	.foot_bot .fr{ width: 100%; text-align: center;}

	.s_foot_link{ margin: 0 auto; margin-bottom: 1.5rem; width: 27rem;}

	.copyright,.foot_lianxi{ text-align: center;}

	.foot_bot .box01{ display: inline-block; margin-top: 1.5rem;}

	.foot_tel{ margin-right: 2rem;}

	#s_video .img{ height: auto;}

	#n_licheng .left{ display: none;}

	#n_licheng .right{ width: 100%; float: none; border-left: 0; padding-left: 0;}

	#n_licheng dl{ padding-left: 2rem;}

	#n_licheng dt:before{ left: -2rem; background-size: 5px !important; top: 4px;}

	#n_licheng .right ul{ min-height: inherit;}

	#n_zizhi ul li{ width: 50%;}

	.n_dang_slide{ width: 100%; float: none;}

	.n_dang_list{ width: 100%; float: none; padding-left: 0; margin-top: 0;}

	.n_dang_slide li img{ height: auto;}

	#n_about02 .left{ width: 100%; float: none;}

#n_about02 .right{width: 100%; float: none;}

#n_about .hd .tt{width: 100%; float: none;}

#n_about .hd .tt2{width: 100%; float: none;}

#n_about .bd .txt{ text-align: left; padding-top: 1.5rem;}

#n_about .bd .txt img{ margin-left: 0; width: 17rem;}

#n_jigou_xq .con .left{width: 100%; float: none;}

#n_jigou_xq .con .right{width: 100%; float: none; padding-left: 0; margin-top: 2rem;}

#n_case ul{ margin-left:-5px; margin-right: -5px;}

#n_case ul li{ width: 50%; padding: 0 5px;}

#n_news ul{ margin-left:-5px; margin-right: -5px;}

#n_news ul li{ width: 50%; padding: 0 5px;}

#n_about02 .right .txt{ display: none;}



}



@media (max-width: 480px)



{

	.m{ padding: 0 15px;}

	.s_foot_link{ width: 100%;}

	#s_news{ height: auto;}

	.newslist01{ width: 100%; float: none;}

	.newslist02{ width: 100%; float: none; padding-left: 0; margin-top: 1rem; margin-bottom: 2rem;}

	.s_dongtai_nav{ width: 100%; float: none;}

	.s_dongtai_for{ width: 100%; float: none; padding:0 1.5rem 2.5rem;}

	.s_dongtai_for li img{ height: auto;}

	.s_btn{ height: 40px; line-height: 38px;}

	.newslist01 li+li{ margin-top: 1.125rem;}

	.s_rukou ul li a{ padding:2.5rem 0 0 1rem; height: 15rem;}

	.s_case .left{ width: 100%; float: none;}

	.s_case .right{ width: 100%; position: static; padding: 2rem 1.5rem; overflow: hidden;}



	.s_case .right .tt{ float: left;}

	.s_case .right .tt h3{ margin-bottom: 0;}

	.case_fenshi{ float: right;}

	.n_banner{ height: 9rem;}

	#n_wenhua .left{ width: 53%;}

	#n_wenhua .right{ width: 47%; padding-left: 2rem;}

	#n_wenhua .right ul li font{ width: 14px;}

	#n_wenhua .right ul li i{ display: none;}

	#n_wenhua .right ul li.slick-current font{ margin-left: 10px;}

	#n_wenhua .right ul li span{ background-size: 10px !important; margin-right: 0 !important;}

	#distpicker5{  }

	#distpicker5 .form-group{ width: 49%; float: left;}

	#distpicker5 .form-group:first-child{ margin-right: 2%;}

	.address_list_wap{ margin-top: 0;}

	#n_lianxi .right{ height: 25rem;}

	.xmsm .content .box{ width: 100%; float: none;}

	#n_tousu .right{ margin-top: 2.5rem;}

	#n_news ul li{ width: 100%;}

	.zixun_tuijian{ display: none;}

	.ar_fot2{ margin-top: .25rem;}

	.selectcity .dropnav{ padding-left: 2.125rem;}

	.selectcity .dropnav {

		background: url(../images/date.png) .5rem center no-repeat; background-size: 1rem;

	}

	#n_join #list_slide dt h3{ margin-right: 0;}

	#n_join{ background-size: 200% !important;}

	#banner, #banner li .img{ height: 16rem;}

	.newslist01 li .time{ font-size: 2rem;}

	.floor02 .left{ padding-bottom: 2rem;}

	.s_rukou ul li h4{ padding: 8px 1rem;}

	.s_rukou ul li p{ font-size: 10px;}

	.n_nav_box{ height: auto; padding: 0; overflow: hidden;}

	.n_nav{ }

	.n_nav a{ margin: 0; min-width: 25%; line-height: 4rem; text-align: center; float: left;}

	#n_zizhi ul li .pic img{ max-height: 7rem;}

	#n_rongyu ul{ margin-left: 3rem; margin-right: 3rem;}

	#n_picker{ margin-bottom: 2rem;}

	#n_zizhi2 ul{ margin: 0 2rem;}

	#n_zizhi2 ul li{ padding: 0 5px;}

	#n_join #list_slide dt h3 b{ font-size: 1rem !important;}

	#n_join #list_slide dt h3 span.span04{ font-size: 0;}

	#n_join .tt{ font-size: 1.5rem;}

	.selectcity select{ padding-left: 2rem !important;}

	.selectcity.month select{ padding-left: 1.9375rem !important;}

	.selectcity.day select {padding-left: 2.25rem !important;}

	.dropnav svg{ width: 8px;}

	.selectcity select{ height: 3.5rem !important;}

	#banner li .img{ width:100%; z-index:8;background-size: auto 100% !important; }	
	#n_case ul li .img img{ height: 110px;  }
	#n_news ul li a .img img{ height: 204px;}
	#shi_val2 li .img{ height: 78px;}
	.address_list_wap{ max-height: inherit;}
}